import { ChartData } from './bean';

const data:ChartData[] = [
  {
    id: 1,
    title: "基本折线区域图",
    props: {
      type: "area",
      opts: {
        color: ["#1890FF","#91CB74","#FAC858","#EE6666","#73C0DE","#3CA272","#FC8452","#9A60B4","#ea7ccc"],
        padding: [15,15,0,15],
        enableScroll: false,
        legend: {},
        xAxis: {
          disableGrid: true
        },
        yAxis: {
          gridType: "dash",
          dashLength: 2
        },
        extra: {
          area: {
            type: "straight",
            opacity: 0.2,
            addLine: true,
            width: 2,
            gradient: false,
            activeType: "hollow"
          }
        }
      },
      charData: {
        categories: ["2018","2019","2020","2021","2022","2023"],
        series: [
          {
            name: "成交量A",
            data: [35,8,25,37,4,20]
          },
          {
            name: "成交量B",
            data: [70,40,65,100,44,68]
          },
          {
            name: "成交量C",
            data: [100,80,95,150,112,132]
          }
        ]
      }
    }
  },
  {
    id: 2,
    title: "渐变色曲线区域图",
    props: {
      type: "area",
      opts: {
        color: ["#1890FF","#91CB74","#FAC858","#EE6666","#73C0DE","#3CA272","#FC8452","#9A60B4","#ea7ccc"],
        padding: [15,15,0,15],
        enableScroll: false,
        legend: {},
        xAxis: {
          disableGrid: true
        },
        yAxis: {
          gridType: "dash",
          dashLength: 2
        },
        extra: {
          area: {
            type: "curve",
            opacity: 0.2,
            addLine: true,
            width: 2,
            gradient: true,
            activeType: "hollow"
          }
        }
      },
      charData: {
        categories: ["2018","2019","2020","2021","2022","2023"],
        series: [
          {
            name: "成交量A",
            data: [35,8,25,37,4,20]
          },
          {
            name: "成交量B",
            data: [70,40,65,100,44,68]
          },
          {
            name: "成交量C",
            data: [100,80,95,150,112,132]
          }
        ]
      }
    }
  },
  {
    id: 3,
    title: "渐变色时序区域图",
    props: {
      type: "area",
      opts: {
        color: ["#1890FF","#91CB74","#FAC858","#EE6666","#73C0DE","#3CA272","#FC8452","#9A60B4","#ea7ccc"],
        padding: [15,15,0,15],
        enableScroll: false,
        legend: {},
        xAxis: {
          disableGrid: true
        },
        yAxis: {
          gridType: "dash",
          dashLength: 2
        },
        extra: {
          area: {
            type: "step",
            opacity: 0.2,
            addLine: true,
            width: 2,
            gradient: true,
            activeType: "hollow"
          }
        }
      },
      charData: {
        categories: ["2018","2019","2020","2021","2022","2023"],
        series: [
          {
            name: "成交量A",
            data: [35,8,25,37,4,20]
          },
          {
            name: "成交量B",
            data: [70,40,65,100,44,68]
          },
          {
            name: "成交量C",
            data: [100,80,95,150,112,132]
          }
        ]
      }
    }
  },
  {
    id: 4,
    title: "时间轴(矢量轴)区域图",
    props: {
      type: "area",
      opts: {
        color: ["#1890FF","#91CB74","#FAC858","#EE6666","#73C0DE","#3CA272","#FC8452","#9A60B4","#ea7ccc"],
        padding: [15,10,0,15],
        enableScroll: false,
        legend: {},
        xAxis: {
          disableGrid: true,
          boundaryGap: "justify",
          format: "xAxisDemo2"
        },
        yAxis: {
          gridType: "dash",
          dashLength: 2,
          data: [
            {
              min: 0,
              max: 80
            }
          ]
        },
        extra: {
          area: {
            type: "curve",
            opacity: 0.2,
            addLine: true,
            width: 2,
            gradient: true,
            activeType: "hollow"
          }
        }
      },
      charData: {
        series: [
          {
            name: "时间轴1",
            data: [[10000,55],[30000,25],[50000,55],[70000,25],[90000,55]]
          },
          {
            name: "时间轴2",
            data: [[0,25],[20000,55],[40000,25],[60000,55],[80000,25]]
          },
          {
            name: "时间轴3",
            data: [[0,55],[15000,25],[30000,55],[45000,25],[60000,55]]
          }
        ]
      }
    }
  },
]

export default  data;